<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>查找对话框和测试页面</title>
  <link rel="stylesheet" href="./dlg-search.css">
</head>
<body>
  <div class="test">
    <input type="button" value="弹出对话框" autofocus>
  </div>
<!--
  <div class="box">
    <div class="line">
      <div class="title">查找</div>
      <div class="close">×</div>
    </div>
    <div class="main">
      <div class="inpSearch">      
        <label for="">查找内容(N):</label>
        <input class="txt-content" type="text" autofocus><br>
      </div>
      <div class="bigS">
        <input type="checkbox" value="capital-sense">区分大小写(C)
      </div>
      <fieldset class="search-direction">
        <legend>方向</legend>
        <input type="radio" value="up">向上(U)
        <input type="radio" value="down" checked>向下(D)
      </fieldset>
      <input class="search-next" type="button" value="查找下一个(F)">
      <input class="cancel-btn" type="button" value="取消">
     </div>
  </div>
  -->
 
  <script src="//apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>
  <script src="//cdn.bootcss.com/jqueryui/1.12.1/jquery-ui.min.js"></script>
  <script src="./dlg-search.js"></script>
  <script>
    $(function(){
        var $btnTest = $('div.test>input[type="button"]');

        $btnTest.click(function(){
          $dlgSearch.show(function(content){
              console.log(content)
            })
          });
      });
</script>
</body>
</html>
